<template>
  <div>
    <div>
      <button style="margin: 20px 0" @click="isShowArticle = !isShowArticle">
        {{ isShowArticle ? "隐藏" : "显示" }}古诗文
      </button>
    </div>
    <div v-if="isShowArticle">
      <div>一去二三里，</div>
      <div>烟村四五家。</div>
      <div>亭台六七座，</div>
      <div>八九十枝花。</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShowArticle: false, // 控制文章显示的变量
    };
  },
};
</script>
